@media screen and (min-width: 1200px) {
	#page-wrapper {
		max-width: 1920px;
		margin: 0 auto;
	}

	.content-wrapper {
		padding: inherit;
	}

	h1 {
		font: normal normal bold 67px/72px Roboto;
		color: var(--yellow);
		margin-bottom: 15px;
		max-width: 650px;
	}

	.hero {
		display: grid;
		padding-bottom: 0;
		grid-template-rows: auto;
		grid-template-columns: 1fr 35px 130px 130px 35px 0.8fr;
		grid-template-areas:
			'tx tx tx im im im';
	}
	.hero .text {
		grid-area: tx;
		display: flex;
		flex-direction: column;
		padding: 0 8%;
	}
	.hero .text p {
		color: var(--white);
	}
	.hero .people {
		grid-area: im;
		height: 100%;
		display: flex;
		overflow: hidden;
		width: 100%;
		height: 100%;
	}
	.hero .people img {
		object-fit: cover;
		object-position: center;
		height: auto;
		max-width: unset;
	}
	.hero .pattern {
		display: block;
		justify-content: center;
		align-items: center;
		grid-row-start:1;
		grid-row-end: 2;
		grid-column-start: 3;
		grid-column-end: 6;
		width: auto;
		height: 100%;
	}
	.hero .pattern img {
		height: 100%;
	}

	.form-and-body {
		display: flex;
		flex-direction: row-reverse;
		justify-content: flex-start;
		align-items: space-between;
		margin-top: 50px;
	}

	.right {
		width: 345px;
		margin: 0 0 0 50px;
		flex: 0 0 auto;
	}

	.feature-box .split {
		display: flex;
		flex-direction: row;
	}
	.feature-box .split > div:not(:last-of-type) {
		margin-right: 20px;
	}

	.menu ul {
		padding: 40px 15px;
	}
	.menu li {
		padding: 0 15px;
	}
}